<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>焊客e家-注册</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/login.css">
	</head>

	<body>
		<div class="header innerHead ">
			<div class="main nav innerNav">
				<div class="fl logo"><img src="images/register_logo.png" alt=""></div>
				<p class="fr rt_text">已有账号? <a href="./login.html">立即登录</a></p>
			</div>
		</div>
		
		<div class="container_main">
			<div class="content_box reg_box">
				<h3 class="title">欢迎来到焊客e家</h3>
				<form action="" class="login_form">
					<p class="label">手机号</p>
					<div class="phone_num">
						<input type="text" class="ipt" placeholder="请输入您的手机号">
						<span class="fr get_code">获取验证码</span>
					</div>
					<p class="label">验证码</p>
					<input type="text" class="ipt" placeholder="请输入验证码 ">
					<p class="label">设置密码</p>
					<input type="text" class="ipt" placeholder="请输入密码 ">
					<p class="label">确认密码</p>
					<input type="text" class="ipt" placeholder="请再次输入您的密码 ">
					<div class="ovw account_pass">
						<span class="remember"><input class="cb" type="checkbox"> 我已阅读并同意<a href="">《焊客e家使用协议》</a>&amp;<a href="">《隐私权条款》</a></span>
						
					</div>
					<button class="login_btn">注册</button>
				</form>
			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery.1.9.1.js"></script>
	<script>
	$(function(){
		// 计时器
		(function(){
			var i=60;
			 jsq = null;

			function demo(){
				 jsq=setInterval(function(){
					i--;
					console.log(i);
					$(".get_code").text(i+"s后重新发送");
					if(i<1){
					clearInterval(jsq);
					$(".get_code").text("点击后重新发送");
					jsq=null;
					i=60;
				}

				},1000);
			}
			$(".get_code").click(function(){
				if(jsq != null){
					return;
				}
				demo();
			});
		})();
	})
</script>

	
</html>